<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/amazeui/2.7.2/js/amazeui.min.js"></script>



<!-- 文档地址 http://amazeui.shopxo.net/css/progress/ -->
<div class="am-progress">
	<div class="am-progress-bar" style="width: 0%"></div>
</div>
<div class="am-progress">
	<div class="am-progress-bar am-progress-bar-secondary" style="width: 0%"></div>
</div>
<div class="am-progress">
	<div class="am-progress-bar am-progress-bar-success" style="width: 0%"></div>
</div>
<div class="am-progress">
	<div class="am-progress-bar am-progress-bar-warning" style="width: 0%"></div>
</div>
<div class="am-progress">
	<div class="am-progress-bar am-progress-bar-danger" style="width: 0%"></div>
</div>

<script type="text/javascript">
	var bar=$('.am-progress-bar');
	var value=0;
	var interval=setInterval(function(){
		value+=10;
		if (value==100) {
			clearInterval(interval);
		}

	  	bar.css('width',value+'%');//设置值
	  	console.log(value);
	},1000);
</script>